@charset"utf-8";
*{margin:0;padding:0}
body{font-family:"微软雅黑"}
/*h5标签*/
header,nav,main,article,aside,section,figure,footer{display:block;}
select,input,option{outline: none;}
ul,ol{list-style:none;}
fieldset,img{border:0;}
img{vertical-align: middle;}
table{border-collapse:collapse;border-spacing:0;}

h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
button,input,select,textarea{font-size:100%;}

a{text-decoration:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

.fl{float: left;}
.fr{float: right;}

/**commonStyle**/
.clearfix:before,.clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}
.clear{clear: both;}
/*.clear{clear: both;float: none;height: 0;overflow: hidden;}*/

.Ovis{overflow: hidden;}
.Odis{display: block;}

.closefloat{zoom:1;}
.closefloat:after{display: block;clear: both;content: "";visibility: hidden;height: 0;}

/*超出文本隐藏*/
.text_e{
	/*文本不换行 */
	white-space: nowrap;
	/*显示省略号*/
    text-overflow: ellipsis;
    /*超出隐藏*/
	overflow: hidden; 
}
.text-es{
	/*行数*/
	-webkit-line-clamp: 4;
	/*将对象作为弹性伸缩盒子模型显示*/
	display: -webkit-box;
	/*设置或检索伸缩盒对象的子元素的排列方式*/
    -webkit-box-orient: vertical;
    /*显示省略号*/
	text-overflow: ellipsis;
	overflow: hidden;
	/*-webkit-line-clamp用来限制在一个块元素显示的文本的行数。为了实现该效果，它需要组合其他的WebKit属性。
	display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
	-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}
img,a,span,i,b,u,p,div{
  vertical-align: middle;
}
.clearfix:after {
	/* 内容为空 */
	content: "";
	/* 转成块元素 */
	display: block;
	/* 清楚左右浮动 */
	clear: both;
}
